<template>
    <div class="screen-nav">
            <div class="screen-title" v-for="i in listscreen" :key="i.id">
                <p><span>{{i.hospotal}}</span>> 全部分类</p>
                <span>{{i.jion}}</span>
            </div>
        <screen-content :contemtlist="contemtlist"></screen-content>
    </div>
</template>

<script>
    import ScreenContent from '../../components/Commodity/ScreenContent'
    export default {
        name: "ScreenNav",
        props:['listscreen','contemtlist'],
        components:{
            ScreenContent
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .screen-nav{
        .screen-title{
            height: 42px;
            line-height: 42px;
            font-size: 15px;
            color: #333333;
            border-bottom: 1px solid #e0e0e0;
            p{
                width: 80%;
                float: left;
                >span{
                    color: @theme-color-dark;
                    font-size: 15px;
                }
            }
            >span{
                background-color: #ff5371;
                border-radius: 4px;
                color: white;
                font-size: 16px;
                text-align: center;
                padding: 2px 10px;
                float: right;
                margin-top: -7px;
            }

        }
    }
</style>